<template>
	<view class="certificate">
		<view class="header">
			<view class="status_title">
				<image class="status_left" src="/static/img/arr-left.png" mode="widthFix" @click="back"></image>
				<view class="status_center"></view>
				<text class="save"></text>
			</view>
			<view class="avater-main">
				<image :src="`https://www.aikoolearn.com/video-dev${userinfo.avatar}`" style="width: 50px; height: 50px; border-radius:50%"></image>
				<view class="user-title">{{userinfo.nickName}}</view>
				<view class="">
					已获得一个证书
				</view>
			</view>
		</view>
		
		
		
	</view>
</template>

<script>
export default {
	data() {
		return {
			userinfo: {}
		};
	},
	onShow() {
		let user = uni.getStorageSync('userInfo');
		if(user){
			this.userinfo=JSON.parse(user)   
		}else{
			uni.reLaunch({
				url:'/pages/login/index'
			})
		}
	},
	methods: {
		
	}
};
</script>

<style lang="scss" scoped>
	.certificate{
		.header{
			width: 100%;
			height: 250px;
			background-image: url('/static/certificate/bgi.png');
			background-repeat: no-repeat;
			background-size:cover;
			.status_title {
				box-sizing: border-box;
				display: flex;
				justify-content: space-between;
				align-items: center;
				width: 100%;
				height: 100.061rpx;
				padding: 0 16px;
			}
			.status_left {
				width: 24px !important;
			}
			.status_center {
				font-size: 17px;
				font-weight: 700;
			}
			.status_right {
				width: 22px;
			}
			.save {
				color: #0fb09b;
				font-size: 20rpx;
			}
			.avater-main{
				padding:0 16px;
			}
		}
	}
</style>